<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MVC 管理系统</title>
    <!-- 引入 Bootstrap 样式 -->
    <link rel="stylesheet" href="/css/bootstrap.css">
</head>
<body>
<!-- 侧边栏固定在左侧 -->
<div class="sidebar" th:fragment="sidebar">
    <ul class="menu">
        <li><a href="/products">商品管理</a></li>
        <li><a href="/orders">订单管理</a></li>
        <li><a href="/users">用户管理</a></li>
    </ul>
</div>

<!-- 内容区域（动态切换） -->
<div class="content" th:replace="${viewName} :: content"></div>

<!-- 引入 Bootstrap 脚本 -->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.js"></script>
</body>
</html>
